<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统通知</title>
    <link rel="stylesheet" href="/css/userweb/bootstrap.min.css">
    <link rel="stylesheet" href="/css/loading.css">
    <link rel="stylesheet" href="/css/userweb/common.css">
    <link rel="stylesheet" href="/css/userweb/personal.css">
    <link rel="stylesheet" href="/css/userweb/notification.css">
    <link rel="stylesheet" href="/css/userweb/myPagination.css">
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
{include file="html/Common/indexHeader"}
<div class="index_container">
    <!--轮播-->
    <div class="banner">
        <ul id="on"></ul>
        <div class="banner_list"></div>
    </div>
    <div class="content">
        <div class="my_show_container">
            <div class="my_show_box" >
                <div class="categories_list ">
                    <ul>
                        <li>
                            <a href="/userweb/index/myInfo.html">
                                <div class="list_title">
                                    <div class="title_zh">个人信息</div>
                                    <div class="title_en">personal information</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/myOrder.html">
                                <div class="list_title">
                                    <div class="title_zh">我的订单</div>
                                    <div class="title_en">my order</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/myCollection.html">
                                <div class="list_title">
                                    <div class="title_zh">我的收藏</div>
                                    <div class="title_en">my collection</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/evaluation.html">
                                <div class="list_title">
                                    <div class="title_zh">收到评价</div>
                                    <div class="title_en">received evaluation</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/notification.html" class="active">
                                <div class="list_title">
                                    <div class="title_zh">系统通知</div>
                                    <div class="title_en">system notification</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow-change.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/set.html">
                                <div class="list_title">
                                    <div class="title_zh">设置</div>
                                    <div class="title_en">settings</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="my_show_content">
                    <div class="my_show_bar">
                        <div class="my_title">
                            <p>系统通知</p>
                            <p>system notification</p>
                        </div>
                    </div>
                    <div class="my_show_area" id="systemNotice" v-cloak>
                        <div class="my_order_static">
                            <ul class="my_nav">
                                <li class="active">
                                    <a href="#orderStatus" data-toggle="tab" v-on:click="order(1)">
                                        <div class="title_zh">订单状态</div>
                                        <div class="title_en">order status</div>
                                    </a>
                                    <div class="border-b"></div>
                                </li>
                                <div></div>
                                <li>
                                    <a href="#businessActive" data-toggle="tab" v-on:click="shop(1)">
                                        <div class="title_zh">商家推广</div>
                                        <div class="title_en">trader's promotion</div>
                                    </a>
                                    <div class="border-b"></div>
                                </li>
                                <div></div>
                                <li>
                                    <a href="#notification" data-toggle="tab" v-on:click="notice(1)">
                                        <div class="title_zh">通知</div>
                                        <div class="title_en">notify</div>
                                    </a>
                                    <div class="border-b"></div>
                                </li>
                                <em class="clear-float"></em>
                            </ul>
                        </div>
                            <div class="edit_area tab-pane active" id="orderStatus" v-loading="loading">
                                <div class="order_status_box" v-for="list in orderList">
                                    <div class="order_status_header">
                                        <div class="status_title">
                                            <div class="title_zh">{{list.title}}</div>
                                            <!--<div class="title_en">A successful deal</div>-->
                                        </div>
                                        <div class="order_time">
                                            <div class="title_zh" v-text="list.week+ ' '+ list.hour"></div>
                                            <div class="title_en" v-text="list.day"></div>
                                        </div>
                                    </div>
                                    <div class="order_status_content" v-for="goods in list.product" >
                                        <div class="order_img">
                                            <img  :src="goods.image" alt="">
                                        </div>
                                        <div class="order_title">
                                            <div class="shop_name_title">
                                                <div class="title_zh">{{goods.name}}</div>
                                            </div>
                                            <div class="shop_num">￡ {{goods.price}}/kg </div>
                                            <div class="product_num_number">×{{goods.num}}kg</div>
                                        </div>
                                    </div>
                                    <div class="btn_box">
                                        <div class="my_btn" v-on:click="details(list.order_id)" onclick="show_tran_details()">
                                            <div class="title_zh">交易详情</div>
                                            <div class="title_en">transaction details</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagination_box" v-html="paginate"></div>
                            </div>
                            <!--订单状态 交易详情-->
                            <div class="tab-pane" id="order_tran_details" v-loading="loading">
                                <div class="check_logistics" >
                                    <div class="my_order_list check_logistics_top" >
                                        <div>
                                            <div class="order_product_img">
                                                <img :src="detailsList.image" alt="">
                                            </div>
                                            <div class="product_info_box">
                                                <div class="product_name_area">
                                                    <div class="check_logistics_top_status">
                                                        <div class="title_zh">{{detailsList.state}}</div>
                                                    </div>
                                                    <div style="margin-top: 34px">
                                                        <div class="check_logistics_top_title">
                                                            <div class="title_zh">送货电话</div>
                                                            <div class="title_en">delivery telephone number</div>
                                                        </div>
                                                        <div class="check_logistics_top_tel">{{detailsList.tel}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="check_logistics_address">
                                            <img src="/image/userweb/personal/address.png" alt="">
                                            <div>
                                                <div>{{detailsList.addr}}</div>
                                                <!--<div>{{list.addr_english}}</div>-->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="check_logistics_time">
                                        <ul >
                                            <li>
                                                <div class="check_logistics_week" v-if="detailsList.receipt_week">
                                                    <div>{{detailsList.receipt_week}}</div>
                                                    <div>{{detailsList.receipt_week_english}}</div>
                                                    <div style="color: #999">{{detailsList.receipt_time}}</div>
                                                </div>
                                                <div class="check_logistics_week" v-else>
                                                    <div>时间未知</div>
                                                    <div>unknown time</div>
                                                </div>
                                                <div class="check_logistics_icon"></div>
                                                <div class="check_logistics_mes">
                                                    <div>买家收货</div>
                                                    <div>buyer receipt</div>
                                                </div>
                                            </li>
                                            <div class="static_line_first"></div>
                                            <li>
                                                <div class="check_logistics_week" v-if="detailsList.delivery_week">
                                                    <div>{{detailsList.delivery_week}}</div>
                                                    <div>{{detailsList.delivery_week_english}}</div>
                                                    <div style="color: #999">{{detailsList.delivery_time}}</div>
                                                </div>
                                                <div class="check_logistics_week" v-else>
                                                    <div>时间未知</div>
                                                    <div>unknown time</div>
                                                </div>
                                                <div class="check_logistics_icon"></div>
                                                <div class="check_logistics_mes">
                                                    <div>商家发货</div>
                                                    <div>merchant shipping</div>
                                                </div>
                                            </li>
                                            <div class="static_line_second"></div>
                                            <li>
                                                <div class="check_logistics_week">
                                                    <div>{{detailsList.add_week}}</div>
                                                    <div>{{detailsList.add_week_english}}</div>
                                                    <div style="color: #999">{{detailsList.add_time}}</div>
                                                </div>
                                                <div class="check_logistics_icon"></div>
                                                <div class="check_logistics_mes">
                                                    <div>已下单</div>
                                                    <div>order placed</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="edit_area tab-pane" id="businessActive" v-loading="loading">
                                <div class="business_active_box">
                                    <div class="business_active_shop" v-for="list in shopList" v-on:click="jumpSupplier(list)">
                                        <div class="shop_img">
                                            <img :src="list.image" alt="">
                                        </div>
                                        <div class="shop_name_title">
                                            <div class="title_zh">{{list.supplier_name}}</div>
                                            <!--<div class="title_en">{{list.supplier_name_english}}</div>-->
                                        </div>
                                        <div class="arrow_img">
                                            <img src="__IMG__/userweb/slicesImg/dir-arrow.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="pagination_box" v-html="shopHtml"></div>
                            </div>
                            <div class="edit_area tab-pane" id="notification" v-loading="loading">
                                <div class="notification_box" >
                                    <div class="notification_active_box" v-for="list in noticeList">
                                        <div class="notification_header">
                                            <div class="tag_left"></div>
                                            <div class="active_name_title">
                                                <div class="title_zh">{{list.title}}</div>
                                                <div class="title_en">A successful deal</div>
                                            </div>
                                            <div class="active_time">
                                                <div class="title_zh">{{list.week}} {{list.hour}}</div>
                                                <div class="title_en">{{list.day}}</div>
                                            </div>
                                        </div>
                                        <div class="notification_content">
                                            <div class="order_img">
                                                <img :src="list.image" alt="">
                                            </div>
                                            <div class="order_title">
                                                <div class="shop_name_title">
                                                    <div class="title_zh">{{list.outline}}</div>
                                                    <div class="title_en">Quality Australian steak</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagination_box" v-html="noticeHtml"></div>
                            </div>
                            <div id="noData"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="slogan">
    <div class="slogan_title">
        <p>让我们的生活有更好的选择</p>
    </div>
    <div class="sub_slogan_title">
        <p>Let our lives have a better choice.</p>
    </div>
</div>
{include file="html/Common/indexFooter"}
</body>
<script src="/js/vue.js"></script>
<script src="/js/vue-resource.js"></script>
<script src="/js/loading.js"></script>
<script src="/js/userweb/jquery.min.js"></script>
<script src="/js/layer.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/userweb/common.js"></script>
<script src="/js/userweb/my/notification.js"></script>
<script src="/js/userweb/laydate/laydate.js"></script>
<script>
    $(function () {
        validToken(); //验证tonken.
        bannerInit(); //轮播
        $("#my").addClass("active");
        $("#my").siblings().removeClass("active");
    });
    function show_tran_details(){
        $("#orderStatus").hide();
        $("#order_tran_details").show();
    }
</script>
</html>